<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>垃圾分类查询</title>
<link href="<%=path%>/static/usercss/css/all.css?3iioi" rel="stylesheet" type="text/css">
<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
</head>
<body>
<jsp:include page="/WEB-INF/web/includ/header.jsp"></jsp:include>
<section>
<div class="wrap">
  <div id="seach">
    <div id="logo"><a href="http://fenlicx.qinglab.cn" title="垃圾分类查询">分类查询</a></div>
    <div class="seach">
      <input type="text" name="seach" class="seach_txt" id="seach">
      <input type="submit" class="seach_bun" name="button" id="button" value="查询分类">
    </div>
  </div>
<nav>
  <div class="title">
    <h1>京东纸壳装箱</h1>
    <span>所在地区</span>
    <span>山东/青岛</span>
  </div>
  <div id="breadcrumb">
    <ul>
      <li><a href="#">可回收</a><span>></span></li>
      <li><a href="#">复合纸质包装</a><span>></span></li>
      <li><a href="#">再生纸包装</a><span>></span></li>
    </ul>
  </div>
</nav>
<article class="content">
  <div class="pic"><img src="<%=path%>/static/usercss/images/liangmu01.jpg"></div>
  <div class="mgs">
  <h3>
    <a href="#">可回收</a>
    <span>></span>
    <a href="#">复合纸质包装箱</a>
    <span>></span>
    <a href="#">京东快递外包装盒</a>
  </h3>
  <div class="icon">
    <img src="<%=path%>/static/usercss/images/icon01.png" alt="可回收标志" >
    <img src="<%=path%>/static/usercss/images/icon01-1.png" alt="纸质回收标志" >
    <img src="<%=path%>/static/usercss/images/icon01-2.png" alt="PET材料" >
  </div>
  	<span class="region">其他地区处理方式：</span>
    <span class="region">山西省：</span>
  	<a href="#">不可回收</a>
    <span>></span>
    <a href="#">复合纸质包装箱</a>
    <span>></span>
    <a href="#">京东快递外包装盒</a>
    <span class="region">上海市：</span>
  	<a href="#">有害垃圾</a>
    <span>></span>
    <a href="#">复合纸质包装箱</a>
    <span>></span>
    <a href="#">京东快递外包装盒</a>
   </div>
   <div class="cle"></div>
  <div class="sta">
    <h3>本年度数据统计<span>时段：20190101-2019date</span></h3>
    <ul>
      <li>
        <div class="project">产生量：</div>
        <div class="value">2000吨</div>
        <div class="project">回收量：</div>
        <div class="value">2000吨</div>
        <div class="project">回收率：</div>
        <div class="value-s">100%</div>
        <div class="source"><a href="#">青岛市某机构</a></div>
        <div class="approve">认证信息</div>
      </li>
      <li>
        <div class="project">产生量：</div>
        <div class="value">1500吨</div>
        <div class="project">回收量：</div>
        <div class="value">1800吨</div>
        <div class="project">回收率：</div>
        <div class="value-s">？</div>
        <div class="source">社会信息统计</div>
      </li>
    </ul>
    <p>目前数据量较少，统计数据参考性低。<a class="bun" href="#">查看统计详情</a></p>
  </div>
</article>
<article class="article">
  <div class="title">
    <h2>跟分类回收材质处理方式讨论</h2>
    <a class="bunt" href="#">查看更多</a>
  </div>
  <ul>
    <li>
      <h3><a href="#">跟分类回收材质讨论文章标题</a></h3>
      <span>作者：某某注册用户</span>
      <span>点赞：30302</span>
      <span>反对：3032</span>
      <span>评论：132</span>
      <p>跟分类回收材质讨论文章前200字符...</p>
    </li>
    <li>
      <h3><a href="#">跟分类回收材质讨论文章标题</a></h3>
      <span>作者：某某注册用户</span>
      <span>点赞：30302</span>
      <span>反对：3032</span>
      <span>评论：132</span>
      <p>跟分类回收材质讨论文章前200跟分跟分类回收材质讨论文章前200字符字符跟分类回收材质讨论文章前200字符跟分类回收材质讨论文章前200字符跟分类回收材质讨论文章前200跟分跟分类回收材质讨论文章前200字符字符跟分类回收材质讨论文章前200字符跟分类回收材质讨论文章前200字符...</p>
    </li>
    <li>
      <h3><a href="#">跟分类回收材质讨论文章标题</a></h3>
      <span>作者：某某注册用户</span>
      <span>点赞：30302</span>
      <span>反对：3032</span>
      <span>评论：132</span>
      <p>跟分类回收材质讨论文章前200字符...</p>
    </li>
  </ul>
</article>
</section>
</div>
<jsp:include page="/WEB-INF/web/includ/footer.jsp"></jsp:include>
</body>
</html>
